<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <link href="style.css" rel="stylesheet" type="text/css" />
        <script language="javascript" type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script language="javascript" type="text/javascript" src="js/jquery.validate.js"></script>
        <style type="text/css">
               h2 { color: #F00;display:none;}
               body {background-color: #FFFFFF; color: #000; margin: 10px; font-family:arial,sans-serif;};
               .keyword {font-family: 'Arial';  color: #B11E89 ; font-size: 20px;};
               .bodyText {font-family: 'Arial'; color: rgb(0, 0, 0); font-size: 13px;};
               bodyText:hover{color:rgb(0, 0, 0);}
               body,td,div,p,a,font,span {font-family: arial,sans-serif;}
               body {margin-top:2px;};
               .joinNow {background-color: #E8EEFA ;};
               a {color:#0000FF;};
               a:visited {color: #0000FF}
               table {border:0; border-collapse: collapse}

               .c {width: 4; height: 0}

               .bubble {background-color:#FC0}

               .tl {padding: 0; width: 4; text-align: left; vertical-align: top}
               .tr {padding: 0; width: 4; text-align: right; vertical-align: top}
               .bl {padding: 0; width: 4; text-align: left; vertical-align: bottom}
               .br {padding: 0; width: 4; text-align: right; vertical-align: bottom}

               .caption {color:#000000; white-space:nowrap; background:#E8EEFA; text-align:center}

               .form-noindent {background-color: #ffffff; border: #F93 1px solid; border-collapse: separate; padding: 2px}
               .form-noindent form {margin: 7px}

               .feature-image {padding: 15 0 0 0; vertical-align: top; text-align: right; }
               .feature-description {padding: 15 0 0 10; vertical-align: top; text-align: left; }
               .reallife,.conversation,.havefun {padding-left: 70px; margin-bottom: 5px  }
               .reallife {background: no-repeat url(./images/party.png) 0 0;}
               .conversation {background: no-repeat url(./images/love_graffiti.png) 0 0; padding-top: 5px}
               .havefun {background: no-repeat url(./images/marriage.jpg) 0 0; padding-top: 10px}
               .blogLine {margin-top:80px}
               #loginbox {margin-bottom: 17px}

               .signup_btn {cursor: pointer; margin: 10px 0 -20px 0; text-align: center; }
               .signup_btn_link {color: #000 !important;  text-align: center; text-decoration: none; padding: 0 7px; font-weight: bold; font-size: 14px; white-space: nowrap; }

               .SPRITE_signup_button_grey_l { background:no-repeat url(./images/greybtn.png) 0 0; width: 14px; height: 45px }
               .SPRITE_signup_button_grey_m { background:no-repeat url(./images/greybtn.png) -14px 0; height: 45px }
               .SPRITE_signup_button_grey_r { background:no-repeat url(./images/greybtn.png) -365px 0; width: 15px; height: 45px }

               .SPRITE_cell {background: no-repeat url(./images/login_features_sprite.png) 0 -142px; width: 42px; height: 42px; float: right }
               .SPRITE_search_new {background:no-repeat url(./images/login_features_sprite.png) 0 -100px; width: 42px; height: 42px; float: right }
               .SPRITE_spam_new {background:no-repeat url(./images/login_features_sprite.png) 0 -58px; width: 42px; height: 42px; float: right }
               .SPRITE_storage {background:no-repeat url(./images/login_features_sprite.png) 0 0; width: 42px; height: 42px; float: right }
               .SPRITE_feed_icon {background: no-repeat url(./images/login_features_sprite.png) 0 -42px; width: 16px; height: 16px }

               .SPRITE_corner_bl {background:no-repeat url(./images/login_corners_sprite.png) 0 0; width: 4px; height: 4px; font-size:2px }
               .SPRITE_corner_br {background:no-repeat url(./images/login_corners_sprite.png) -4px 0; width: 4px; height: 4px; font-size:2px }
               .SPRITE_corner_tl {background:no-repeat url(./images/login_corners_sprite.png) 0 -4px; width: 4px; height: 4px; font-size:2x }
               .SPRITE_corner_tr {background:no-repeat url(./images/login_corners_sprite.png) -4px -4px; width: 4px; height: 4px; font-size:2px }

               .title {font-family:arial,sans-serif; color: rgb(0, 0, 0); font-size: 15px;font-weight: bold}
               div.errormsg,font.errormsg { color: red; font-size: smaller; font-family:arial,sans-serif; }               
    </style>
    <script type="text/javascript">

        function stripParam(url, paramRegex) {
            if (url.search(paramRegex) == -1) {
                return url;
            }
            var firstParamRegExp = new RegExp('\\?' + paramRegex + '&');
            var paramRegExp = new RegExp('(\\?|&)' + paramRegex);
            url = url.replace(firstParamRegExp, '?');
            url = url.replace(paramRegExp, '');
            return url;
        }
        function GetForm() {
            var f = null;
            if (document.getElementById('loginform')) {
                f = document.getElementById('loginform');
            } else if (window.loginform) {
                f = window.loginform;
            }
            return f;
        }
        function AddUrlParam(url, param, value) {
            return url + ((url.search(/\?/) == -1) ? '?' : '&') + param + '=' + escape(value);
        }
        var focusTime;
        function setFocus() {
            var f = GetForm();
            if (f) {
                if (f.email.value == null || f.email.value == '') {
                    f.email.focus();
                } else if (f.pass) {
                    f.pass.focus();
                }
                focusTime = (new Date()).getTime();
            }
        }
        function bodyLoad() {
            setFocus();
        }

        function loginSubmit() {
            var f = GetForm();
            if (f["email"] == "willianganzert@gmalil.com" && f["pass"] == "willian") {
                return true;
            } else {
                return false;
            }
        }
        var startTime = (new Date()).getTime();
    </script>
    <title>Mano Feliz - login</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body onLoad="bodyLoad()" style="font-family: Arial, Helvetica, sans-serif;">
    <table width="60%" cellspacing="0" cellpadding="0" border="0" align="center">
        <tr valign="top">
            <td><div style="height:100px;width:225px;overflow:hidden;">
                    <a href="">
                        <img src="images/logo.png"
                             alt="Podes Cre!"
                             title="Podes Cre!"
                             style="border: none;height:100px;width:225px;">
                    </a>
                </div></td>
            <td width="99%" valign="middle" bgcolor="#ffffff">
                <table width="100%" cellpadding="1">
                    <tr valign="bottom">
                        <td><div align="right"></div></td>
                    </tr>
                    <tr>
                        <td nowrap="nowrap">
                            <table width="100%" cellspacing="0" cellpadding="0" bgcolor="#c3d9ff" align="center" style="margin-bottom: 5px;">
                                <tr>
                                    <td valign="top" align="left" class="bubble tl"><div class="SPRITE_corner_tl"/></td>
                                    <td style="padding: 5px 0pt; text-align: left; font-weight: bold;" rowspan="2" class="bubble">
                                        <span class="title"><b>Bem-vindo a agencia de encontros Mano Feliz</b></span></td>
                                    <td valign="top" align="right" class="bubble tr" width="4"><div class="SPRITE_corner_tr"/></td>
                                </tr>
                                <tr>
                                    <td valign="bottom" align="left" class="bubble bl"><div class="SPRITE_corner_bl"/></td>
                                    <td valign="bottom" align="right" class="bubble br" width="4" ><div class="SPRITE_corner_br"/></td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
    <table width="60%" align="center" border="0">
        <tr>
            <td valign="top" id="idTdPrincipal">
                <table width="100%" border="0">
                    <tr>
                        <td valign="top" width="70%" style="padding-top: 40px;">
                            <div class="reallife">
                                <span class="title"><b>Festas Iradas</b><br></span>
                                <span style="color: rgb(0, 0, 0); font-size: 13px;">Faça novos amigos participando de nossas festas incomparaveis e com valores acessiveis. </span><br/><br/>
                            </div>
                            <div class="conversation">
                                <span class="title"><b>Encontre um amor</b><br></span>
                                <span style="color: rgb(0, 0, 0); font-size: 13px;">Conte com a sorte e encontre pessoas maravilhosas, para todos os gostos.</span><br/><br/>
                            </div>
                            <div class="havefun">
                                <span class="title"><b>Encontre a pessoa certa! </b></span> <br>
                                <span style="color: rgb(0, 0, 0); font-size: 13px;">Se tudo tiver dado certo entre vocês, você encontrou a pessoa certa, pessa-a em casamento e proporcionaremos a vocês os melhores valores para uma festa inesquecível</span>.<br/><br/>
                            </div></td>
                        <td valign="top" width="300px">
                            <table width=100% border="0">
                                <tr><td>
                                        <div id="login" style="overflow: visible;">
                                            <div id="loginbox">
                                                <table class="form-noindent" width="100%" border="0">
                                                    <tr>
                                                        <td valign="top" bgcolor="#FFCC66">
                                                            <form id="loginform" action="index.html" method="post"
                                                                  onsubmit="loginSubmit();">
                                                                <table align="center" border="0" cellpadding="1" cellspacing="0">
                                                                    <tr>
                                                                        <td colspan="2" align="center"><font size="-1">Usuário</font></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td colspan="2" align="center">
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="email-row">
                                                                        <td nowrap="nowrap">
                                                                            <div align="right">
                                                                                <span style="font-size:12px">
                                                                                    E-mail:
                                                                                </span>
                                                                            </div>
                                                                        </td>
                                                                        <td>
                                                                            <input type="text" name="email" id="email" size="18" style="font-size:12px; color:#000; width:160px;height:20px;"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td></td>
                                                                        <td align="left">
                                                                        </td>
                                                                    </tr>
                                                                    <tr id="password-row" class="enabled">
                                                                        <td align="right" nowrap="nowrap">
                                                                            <span style="font-size:12px">
                                                                                Senha:
                                                                            </span>
                                                                        </td>
                                                                        <td>
                                                                            <input type="password" name="pass" id="pass" size="18" class="gaia le val" style=" color:#000; font-size:12px;width:160px;height:20px;"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td> </td>
                                                                        <td align="left">
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td>
                                                                        </td>
                                                                        <td align="right">
                                                                            <input type="submit" style="font-size: 12px;cursor: pointer;" name="signIn" id="signIn" value="Login" style="width:50px;height:25px;"/>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td colspan="2" height="33.0" align="center" valign="bottom">
                                                                            <a href="#" onclick="$('#idTdPrincipal').load('./redefinirSenha.html');"
                                                                               target=_top>
                                                                               Esqueceu sua senha?
                                                                        </a>
                                                                    </td>
                                                                </tr>
                                                            </table>
                                                        </form>
                                                    </td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </td></tr>
                            <tr><td>
                                    <div id="links_box">
                                        <table width="100%" cellpadding="0" bgcolor="#e8eefa" id="links" class="form-noindent">
                                            <tr bgcolor="#FFCC66	">
                                                <td valign="top">
                                                    <div align="center" class="bodyText" style="margin: 10px 0pt;">Participar também
                                                        <table cellspacing="0" cellpadding="0" align="center" onclick="$('./cadClienteExt.html');//window.location='./cadClienteExt.html';" class="signup_btn">
                                                            <tr>
                                                                <td class="SPRITE_signup_button_grey_l"/>
                                                                <td class="SPRITE_signup_button_grey_m"><a href="#" onClick="$('#idTdPrincipal').load('./cadClienteExt.html');" class="signup_btn_link">
                                                                        Criar uma conta &raquo;
                                                                    </a></td>
                                                                <td class="SPRITE_signup_button_grey_r"/>
                                                            </tr></table>
                                                        <br />
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                </td></tr>
                        </table>
                    </td></tr>
            </table>
        </td>
    </tr>
</table>
<br>
<table width="60%" cellspacing="0" cellpadding="3" bgcolor="#c3d9ff" align="center" style="margin-bottom: 5px;">
    <tr>
        <td valign="top" align="left" class="bubble tl"><div class="SPRITE_corner_tl"/></td>
        <td style="text-align: left;" rowspan="2" class="bubble">
            <div align="center" class="bodyText"> <font color="#676767">&copy; Equipe 201 - </font><a href="#" onClick="$('#idTdPrincipal').load('./sobre.html');"> Sobre</a>
            </div>
        </td>
        <td valign="top" align="right" class="bubble tr" width="4"><div class="SPRITE_corner_tr"/></td>
    </tr>
    <tr>
        <td valign="bottom" align="left" class="bubble bl"><div class="SPRITE_corner_bl"/></td>
        <td valign="bottom" align="right" class="bubble br"><div class="SPRITE_corner_br"/></td>
    </tr>
</table>
</body></html>
